<div class="tab-style">
  <ul class="nav nav-tabs tab-ul">
    <li class="active"><a href="#overview" data-toggle="tab">备份策略</a></li>
    <li class="pull-right bookmark"><button class="btn btn-info" ng-click="add_bookmark()">存为书签</button></li>
  </ul>
</div>

<div class="row-fluid">
  <div class="span10" style="padding:0px 10px">
    <div class="btn-toolbar server-btn-toolbar ui-toolbar">
      <button type="button" class="btn btn-mini" ng-click="do_add()">添加</button>
      <button type="button" class="btn btn-mini" ng-click="do_edit()">修改</button>
      <button type="button" class="btn btn-danger btn-mini" ng-click="do_delete()">删除</button>
    </div>
  </div>
    <div class="span2">
        <span>每页显示</span>
        <select class="input-mini" ng-model="page_size" ng-options="pz for pz in page_sizes" ng-change="change(page_size)">
        </select>
        <span>条</span>
    </div>
</div>
<div class="tab-content" style="padding:0px 10px">
  <table class="table table-striped table-bordered table-condensed">
    <thead>
      <tr>
        <th><input type="checkbox" ng-model="selected_all" /></th>
        <th>名称</th>
        <th>备份类型</th>
        <th>压缩比</th>
        <th>备份位置</th>
        <th>计划时间</th>
      </tr>
    </thead>
    <tbody>
      <tr selectable="backupstrategy" ng-repeat="backupstrategy in strategies">
        <td><input type="checkbox" value="{{backupstrategy.id}}"  ng-model="selected[backupstrategy.id]" /></td>
        <td>{{backupstrategy.name}}</td>
        <td>{{backupstrategy.backuptype | backuptype}}</td>
        <td>{{backupstrategy.compresslevel}}</td>
        <td>{{backupstrategy | backuplocation}}</td>
        <td>{{backupstrategy | backuptime}}</td>
      </tr>
    </tbody>
  </table>
  <div class="pagination">
    <ul>
      <li ng-hide="should_hide()" ng-class="prev_class" ng-click="prev()"><a href="javascript:void(0);">上一页</a></li>
      <li ng-repeat="i in [] | range:page_count()" ng-hide="should_hide()" ng-click="page(i)" ng-class="(i == current_page) && 'active'">
        <a href="javascript:void(0)">{{i + 1}}</a>
      </li>
      <li ng-hide="should_hide()" ng-class="next_class" ng-click="next()"><a href="javascript:void(0);">下一页</a></li>
    </ul>
  </div>
</div>